<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<style>
.ui-widget,.ui-widget .ui-widget {
	font-size: 11px !important;
}
</style>
	<title>Cadastro de Fornecedores</title>
</h:head>
<body>
	<h:form id="form">
		<p:messages id="messages" showDetail="false" autoUpdate="true"
			closable="true" />
		<p:panel id="mFornPanel" style="border: none;">
			<h2>Cadastro de Fornecedores</h2>
			<h:panelGrid columns="2" cellpadding="2">
				<h:outputText value="Código" />
				<h:outputText value="Pessoa *" />

				<p:inputText id="mFornIdFornecedor"
					value="#{beanFornecedor.fornecedor.id}" maxlength="40" size="7"
					disabled="true" />

				<p:selectOneRadio id="mFornTipoFornecedor"
					value="#{beanFornecedor.fornecedor.tipoFornecedor}">
					<p:ajax event="change" listener="#{beanFornecedor.changeType}"
						update="mFornLblFornecedor, mFornLblNomeF, mFornLblCnpj, mFornLblInscricao"
						process="@this" />
					<f:selectItem itemLabel="Fisico" itemValue="F" />
					<f:selectItem itemLabel="Juridico" itemValue="J" />

				</p:selectOneRadio>
			</h:panelGrid>

			<h:panelGrid columns="2" cellpadding="2">
				<h:outputText id="mFornLblFornecedor" value="Fornecedor *"
					binding="#{beanFornecedor.nome}" />
				<h:outputText id="mFornLblNomeF" value="Nome Fantasia "
					binding="#{beanFornecedor.apelido}" />

				<p:inputText id="mFornFornecedor"
					value="#{beanFornecedor.fornecedor.razaoSocial}" maxlength="65"
					size="53" />
				<p:inputText id="mFornNomeFantasia"
					value="#{beanFornecedor.fornecedor.nomeFantasia}" size="65" />

			</h:panelGrid>


			<!-- 			<h4>Endereço</h4> -->

			<h:panelGrid columns="5" cellpadding="2">

				<h:outputText value="CEP: " />
				<h:outputText value="Logradouro: " />
				<h:outputText value="Numero: " />
				<h:outputText value="Comp.: " />
				<h:outputText value="Bairro: " />

				<p:inputMask id="mFornCep" value="#{beanFornecedor.fornecedor.cep}"
					maxlength="14" mask="99999-999" size="7" />
				<p:inputText id="mFornRua" size="36"
					value="#{beanFornecedor.fornecedor.logradouro}" maxlength="40" />
				<p:inputText id="mFornNumero"
					value="#{beanFornecedor.fornecedor.numero}" maxlength="10" size="5" />
				<p:inputText id="mFornComp"
					value="#{beanFornecedor.fornecedor.complemento}" maxlength="20" />
				<p:inputText id="mFornBairro"
					value="#{beanFornecedor.fornecedor.bairro}" size="40" />
			</h:panelGrid>


			<h:panelGrid columns="5" cellpadding="2">
				<h:outputText value="Codigo " />
				<h:outputText value="Cidade: " />
				<h:outputText value="" />
				<h:outputText value="Estado: " />
				<h:outputText value="País: " />

				<p:inputText id="mFornIdCidade"
					value="#{beanFornecedor.fornecedor.cidade.id}" maxlength="20"
					size="7">
					<p:ajax event="change" listener="#{beanFornecedor.hotFindCidade}"
						update="mFornCidade, mFornPais, mFornEstado" process="@this" />
				</p:inputText>
				<p:inputText id="mFornCidade"
					value="#{beanFornecedor.fornecedor.cidade.cidade}" maxlength="40"
					disabled="true" size="40" binding="#{beanFornecedor.nomeCidade}" />
				<p:commandButton id="mFornSelesctCidade" icon="ui-icon-search"
					type="button" title="Selecionar Cidade"
					onclick="dConsultaCidade.show() ">
				</p:commandButton>
				<p:inputText id="mFornEstado"
					value="#{beanFornecedor.fornecedor.cidade.estado.estado}"
					maxlength="20" disabled="true" />
				<p:inputText id="mFornPais"
					value="#{beanFornecedor.fornecedor.cidade.estado.pais.pais}"
					maxlength="3" disabled="true" size="5" />
			</h:panelGrid>

			<!-- 			<h4>Contato</h4> -->

			<h:panelGrid columns="4" cellpadding="2">

				<h:outputText value="Celular " />
				<h:outputText value="Fax " />

				<h:outputText value="Telefone " />
				<h:outputText value="Representante *" />


				<p:inputMask id="mFornCelular"
					value="#{beanFornecedor.fornecedor.celular}" size="9" />
				<p:inputText id="mFornFax" value="#{beanFornecedor.fornecedor.fax}" />

				<p:inputMask id="mFornTelefone"
					value="#{beanFornecedor.fornecedor.telefone}" />
				<p:inputText id="mFornRepresentante"
					value="#{beanFornecedor.fornecedor.representante}" size="65" />
			</h:panelGrid>

			<h:panelGrid columns="2" cellpadding="2">
				<h:outputText value="E-mail " />
				<h:outputText value="Web Site " />

				<p:inputText id="mFornEmail"
					value="#{beanFornecedor.fornecedor.email}" size="65" />
				<p:inputText id="mFornSite"
					value="#{beanFornecedor.fornecedor.site}" size="65" />
			</h:panelGrid>

			<!-- 			<h4>Outras Inf.</h4> -->

			<h:panelGrid columns="5" cellpadding="2">
				<h:outputText value="CNPJ *" binding="#{beanFornecedor.cnpj}"
					id="mFornLblCnpj" />
				<h:outputText value="Inscricao Estadual *"
					binding="#{beanFornecedor.rg}" id="mFornLblInscricao" />
				<h:outputText value="Codigo" />
				<h:outputText value="Condição de Pg " />
				<h:outputText value=" " />


				<p:inputText id="mFornCnpj"
					value="#{beanFornecedor.fornecedor.cnpj}" />
				<p:inputText id="mFornInscricao"
					value="#{beanFornecedor.fornecedor.inscricaoEstadual}" />
				<p:inputText id="mFornIdCondicao"
					value="#{beanFornecedor.fornecedor.condPagamento.id}"
					maxlength="40" size="5">
					<p:ajax event="change"
						listener="#{beanFornecedor.hotFindCondPagamento}"
						update="mFornCondicao" process="@this" />
				</p:inputText>

				<p:inputText id="mFornCondicao"
					value="#{beanFornecedor.fornecedor.condPagamento.descricao}"
					disabled="true" binding="#{beanFornecedor.condicao}" size="50" />

				<p:commandButton id="mFornSelesctCondicao" icon="ui-icon-search"
					title="Selecionar Condição de Pagamento" type="button"
					onclick="dConsultaCondPagamento.show()" />
			</h:panelGrid>

			<h:panelGrid columns="1" cellpadding="1">
				<h:outputText value="Observações" />
				<p:inputTextarea id="mFornObs"
					value="#{beanFornecedor.fornecedor.observacoes}" rows="2"
					cols="150" />
			</h:panelGrid>
			<br></br>

			<p:separator />

			<h:panelGrid columns="3" style="float: right;">
				<p:commandButton id="mFornSalvar" value="Salvar"
					action="#{beanFornecedor.save}" update="@form" />
				<p:commandButton id="mFornLimpar" value="Limpar"
					action="#{beanFornecedor.reinit}" update="@form" />
				<p:commandButton id="mFornVoltar" value="Voltar"
					onclick="history.back()" />
			</h:panelGrid>

			<h:panelGrid columns="4" cellpadding="2" style="float: left;">
				<h:outputText value="Cadastro" />
				<p:inputText id="mFornDataCad"
					value="#{beanFornecedor.fornecedor.criacao}" size="7"
					disabled="true" />

				<h:outputText value="Ultima Alter. " />

				<p:inputText id="mFornDataAlteracao"
					value="#{beanFornecedor.fornecedor.alteracao}" size="7"
					disabled="true" />
			</h:panelGrid>
		</p:panel>

		<p:dialog header="Consultar Cidade" widgetVar="dConsultaCidade"
			id="mFornConsCidade" resizable="false">
			<ui:include src="/cidade/pCidadeFornecedor.xhtml"></ui:include>


		</p:dialog>

		<p:dialog header="Consultar Condição de Pagamento"
			widgetVar="dConsultaCondPagamento" id="mFornDConsultaCondicao"
			resizable="false">
			<p:outputPanel id="mFornCondicaoPanel">
				<ui:include src="/condPagamento/pCondFornecedor.xhtml"></ui:include>

			</p:outputPanel>
		</p:dialog>

	</h:form>



</body>
</html>